<!DOCTYPE html>
<html lang="en" data-ng-app="patientMgmtModule">
    <head>
        <meta charset="ISO-8859-1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <base href="/HMS_Web/">

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/PatientCtrl.js"></script>
        
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="css/hms_styles.css" rel="stylesheet">

        <style>
            .form-horizontal .control-label{
            /* text-align:right; */
            text-align:left;
            }
        </style>

        <title>HMS - View Patient</title>
    </head>
    <body ng-controller="NewPatientCtrl">
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span8 offset2 hms-section-header" hms-section-name="View Patient Information">
                    <form class="form-horizontal" ng-submit="addPatient()">
                        <table class="table table-bordered table-striped table-condensed table-hover">
                            <thead>
                                <tr>
                                  <th>
                                    <label><strong>Patient Information:</strong></label>
                                  </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientFName">First Name:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientFName}}
                                    </td>
                                </tr>
                                <tr>
                                        <td>
                                            <label class="control-label" for="patientLName">Last Name:</label>
                                        </td>
                                        <td>
                                            {{Patient.patientLName}}
                                        </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientAge">Age:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientAge}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label>Sex:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientSex}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientParentSpouse">Parent / Spouse:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientParentSpouse}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientAddress1">Address 1:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientAddress.patientAddress1}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientAddress2">Address 2:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientAddress.patientAddress2}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientCity">Location:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientAddress.patientCity}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientContactNbr">Contact Number(s):</label>
                                    </td>
                                    <td>
                                        {{Patient.patientContactInfo.patientContactNbr}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientQual">Qualification:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientQual}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientOccupation">Occupation:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientOccupation}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label class="control-label" for="patientComments">Comments:</label>
                                    </td>
                                    <td>
                                        {{Patient.patientComments}}
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                    </td>
                                    <td>
                                        <span class="pull-right">
                                          <button type="submit" class="btn btn-primary" data-loading-text="Saving...">Edit Patient Info</button>
                                          <button type="button" class="btn">Cancel</button>
                                        </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>